<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>社交按钮分享hover发光特效</title>
    <link href="https://cdn.bootcss.com/font-awesome/5.11.2/css/all.css" rel="stylesheet" />
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2042175_wgj3wls8jo.css">
    <link rel="stylesheet" href="style.css" />
</head>

<body>
    <main>
        <ul>
            <ul>
                <li><a href="https://www.bilibili.com/medialist/play/watchlater/p3"><i class="iconfont icon-CN_bilibili"></i></a></li>

                <li><a href="#"><i class="fab fa-weixin"></i></a></li>
                <li><a href="#"><i class="fab fa-weibo"></i></a></li>
                <li><a href="#"><i class="fab fa-github"></i></a></li>
                <li><a href="#"><i class="fab fa-linkedin"></i></a></li>
                <li>
                    <a href="#"><img class="svg-icon" src="http://hectorguo.com/css/fonts/svg/SVG/chrome.svg" alt="bibibili"></a>
                </li>
            </ul>
        </ul>
    </main>
</body>

</html>